{template 'common/header'}
<!--小程序前端下载-->
<div>
    <div class="media media-wechat-setting">
        <div class="media-left color-default">
            <span class="wi wi-wxapp-webpack" style="font-size: 55px;"></span>
        </div>
        <div class="media-body media-middle ">
            <h4 class="media-heading color-dark">{$wxapp_versions_info['modules'][0]['title']}</h4>
            <div class="color-gray">版本: {$wxapp_versions_info['version']}</div>
        </div>
        <div class="media-right media-middle">
            <a href="./index.php?c=wxapp&a=manage&do=getpackage&uniacid={$_W['uniacid']}&versionid={$wxapp_versions_info['id']}" class="btn btn-primary">立即下载</a>
        </div>
    </div>
    <div class="wxapp-download-procedure">
        <div class="title color-gray">小程序前端下载后操作流程说明：</div>
        <div class="step">1.进入微信小程序后台（mp.weixin.qq.com），添加小程序开发者（如已经是管理员或开发者则不需要添加）</div>
        <div class="img">
            <img src="./resource/images/wxapp/01.png" alt="" />
            <img src="./resource/images/wxapp/02.png" alt="" />
        </div>
        <div class="step">2.进入小程序后台，点击设置，开发设置，修改服务器域名（设置自己的微擎域名，<span class="color-default">必须是https://</span>）</div>
        <div class="img">
            <img src="./resource/images/wxapp/03.png" alt="" />
            <img src="./resource/images/wxapp/04.png" alt="" />
        </div>
        <div class="step">3.下载 微信web开发者工具（本帖会附上工具下载地址），更新到最新版后（切记），点击，填写小程序appid。将之前<span class="color-default">下载解压后的小程序插件上传</span></div>
        <div class="img">
            <img src="./resource/images/wxapp/05.png" alt="" />
            <img src="./resource/images/wxapp/06.png" alt="" />
            <img src="./resource/images/wxapp/07.png" alt="" />
        </div>
        <div class="step">4.点击项目，上传，并设置版本号和项目名称（项目名称自定义）</div>
        <div class="img">
            <img src="./resource/images/wxapp/08.png" alt="" />
            <img src="./resource/images/wxapp/09.png" alt="" />
        </div>
        <div class="step">5.进入小程序后台（mp.weixin.qq.com），点击开发管理，提交审核，小程序<span class="color-default">管理员</span>（必须需要管理员扫描，小程序开发者不可）扫描即可</div>
        <div class="img">
            <img src="./resource/images/wxapp/10.png" alt="" />
            <img src="./resource/images/wxapp/11.png" alt="" />
        </div>
        <div class="step">6.微信官方审核通过即可使用</div>
    </div>
</div>
{template 'common/footer'}